<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <!--[if lte IE 8]>
    <link rel="stylesheet" href="/assets/component/pure/base-min.css">
    <link rel="stylesheet" href="/assets/component/pure/grids-min.css">
    <link rel="stylesheet" href="/assets/component/pure/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="/assets/component/pure/base-min.css">
    <link rel="stylesheet" href="/assets/component/pure/grids-min.css">
    <link rel="stylesheet" href="/assets/component/pure/grids-responsive-min.css">
    <!--<![endif]-->

    <!-- 引入样式 -->
    <link rel="stylesheet" href="/assets/component/element/index.css">

    <link href="{{ asset('assets/admin/default/app.css') }}" rel="stylesheet">

    <!--定义其他样式-->
    {!! $themeAssetsCss !!}
</head>
<body>
<div class="pure-g">
    <div class="pure-u-1">
        <!-- 头部 -->
        @include("admin.default.layouts.header")
    </div>
</div>
<div class="pure-g">
    <div class="pure-u-3-24">
        <!-- 侧边栏 -->
        @include("admin.default.layouts.sidebar")
    </div>
    <div class="pure-u-21-24">
        <div id="app">
            @yield("content")
        </div>
        <!-- 底部 -->
        @include("admin.default.layouts.footer")
    </div>
</div>

</body>
<script src="{{ asset('assets/component/jquery/jquery-2.1.1.min.js') }}"></script>
<!-- 先引入 Vue -->
<script src="{{ asset('assets/component/vue/vue.js') }}"></script>
<!-- 引入组件库 -->
<script src="{{ asset('assets/component/element/index.js') }}"></script>
<!-- 基础js -->
<script src="{{ asset('assets/admin/default/app.js') }}"></script>
<!-- 其他页面js -->
{!! $themeAssetsJs !!}
</html>